<!DOCTYPE html>
<html>

<head>
    <!-- Basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Site Metas -->
    <title>XX游戏资讯</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Site Icons -->
    <link rel="shortcut icon" href="\dev_resources_folder\game_images\logo\minlogo.ico" type="image/x-icon"/>
    <link rel="apple-touch-icon" href="\dev_resources_folder\game_images\logo\minlogo.ico">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Site CSS -->
    <link rel="stylesheet" href="style.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="css/responsive.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/custom.css">
    <script src="js/modernizr.js"></script> <!-- Modernizr -->
    <!--mycss-->
    <link rel="stylesheet" href="../front_web/css/index.css">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../front_web/css/loginStyle.css">

    <style>
        body {
            font-family: "微软雅黑";
            color: #000000;
            letter-spacing: normal;
        }

        legend {
            width: auto;
        }
    </style>


</head>
<body id="page-top" class="politics_version">


<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
    <div class="container-fluid">
        <a class="navbar-brand js-scroll-trigger" href="#page-top">
            <img class="img-fluid" style="width:140px;height:70px" src="\dev_resources_folder\game_images\logo\logo.png"
                 alt=""/>
        </a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
                data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
                aria-label="Toggle navigation">
            Menu
            <i class="fa fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger active" href="#home">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="#random">随机推荐</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="#infos">游戏资讯</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="#games">全部游戏</a>
                </li>
                <li class="nav-item" id="exit_flag">
                    <a class="nav-link js-scroll-trigger" href="javascript:;" lay-active="e3" id="loginTag">登陆&注册</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<section id="home" class="main-banner">

    <div class="slider-new-2 owl-carousel owl-theme">

        <div class="item slider-screen">
            <div class="slider-img-full">
                <img src="/dev_resources_folder/game_images/haibao1.jpg" alt=""/>
            </div>
            <div class="container">
                <div class="slider-content text-white">
                    <div class="in-box">
                        <h2>最受期待新游</h2>
                        <p>CD Projekt RED制作团队倾情巨献赛博朋克2077即将上市!</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="item slider-screen">
            <div class="slider-img-full">
                <img src="/dev_resources_folder/game_images/20200426115433.jpg" alt=""/>
            </div>
            <div class="container">
                <div class="slider-content text-white">
                    <div class="in-box">
                        <h2>经典RPG神作</h2>
                        <p>塞尔达传说：旷野之息一场属于玩家自己的冒险</p>
                        <!--							<a class="btn-slider hvr-rectangle-out" href="#">了解更多</a>-->
                    </div>
                </div>
            </div>
        </div>

        <div class="item slider-screen">
            <div class="slider-img-full">
                <img src="/dev_resources_folder/game_images/20200426120159.jpg" alt=""/>
            </div>
            <div class="container">
                <div class="slider-content text-white">
                    <div class="in-box">
                        <h2>鬼泣5</h2>
                        <p>Devil May Cry 5!恶魔五月哭!手可断、血可流，风格不能丢!</p>
                        <!--							<a class="btn-slider hvr-rectangle-out" href="#">了解更多</a>-->
                    </div>
                </div>
            </div>
        </div>

    </div>

</section>


<div id="random" class="section lb">
    <div class="container-fluid">
        <div class="row" style="margin-bottom: 20px">
            <div class="col-md-3">
                <div class="lis_a">
                    <a href="javascript:void(0)" id="head_game1" lay-active="e1" gid="0">
                        <img id="head_gameImg1" class="lis_a" src="">
                        <p class="p_h_title"><span class="span_head" id="head_gameTitle1"></span></p>
                    </a>
                </div>
            </div><!-- end col -->
            <div class="col-md-3">
                <div class="lis_a">
                    <a href="javascript:void(0)" id="head_game2" lay-active="e1" gid="0">
                        <img id="head_gameImg2" class="lis_a" src="">
                        <p class="p_h_title"><span class="span_head" id="head_gameTitle2"></span></p>
                    </a>
                </div>
            </div><!-- end col -->
            <div class="col-md-3">
                <div class="lis_a">
                    <a href="javascript:void(0)" id="head_game3" lay-active="e1" gid="0">
                        <img id="head_gameImg3" class="lis_a" src="">
                        <p class="p_h_title"><span class="span_head" id="head_gameTitle3"></span></p>
                    </a>
                </div>
            </div><!-- end col -->
            <div class="col-md-3">
                <div class="lis_a">
                    <a href="javascript:void(0)" id="head_game4" lay-active="e1" gid="0">
                        <img id="head_gameImg4" class="lis_a" src="">
                        <p class="p_h_title"><span class="span_head" id="head_gameTitle4"></span></p>
                    </a>
                </div>
            </div><!-- end col -->
        </div>
    </div><!-- end container -->
    <div id="infos" class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="layui-card-header games_info" id="games_info"
                     style="background-color: #23262E;color: white ">游戏资讯列表
                </div>
                <div id="games_info_list"></div>
                <!--分页按钮栏-->
                <div style="text-align: center" id="gameMsgListLimit"></div>
            </div><!-- end col -->
        </div><!-- end row -->
    </div><!-- end container -->
    <div id="games" class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <!--游戏列表标题-->
                <fieldset class="layui-elem-field layui-field-title">
                    <legend>游戏列表</legend>
                </fieldset>
                <!--游戏列表加载框-->
                <ul id="LAY_demo2"></ul>

            </div><!-- end col -->
        </div>
    </div><!-- end container -->
</div><!-- end section -->


<div class="copyrights">
    <div class="container-fluid">
        <div class="footer-distributed">
            <div class="footer-left">
                <p class="footer-links">
                    <a href="#">首页</a>
                    <a href="#random">随机推荐</a>
                    <a href="#infos">游戏资讯</a>
                    <a href="#games">全部游戏</a>
                </p>
                <p class="footer-company-name">Copyright &copy; 2020.XX游戏资讯网 All rights reserved.</p>
            </div>
        </div>
    </div><!-- end container -->
</div><!-- end copyrights -->

<a href="#" id="scroll-to-top" class="dmtop global-radius"><i class="fa fa-angle-up"></i></a>

<!-- ALL JS FILES -->
<script src="js/all.js"></script>
<!-- Camera Slider -->
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/parallaxie.js"></script>
<script src="js/headline.js"></script>
<script src="js/owl.carousel.js"></script>
<!-- ALL PLUGINS -->
<script src="js/custom.js"></script>
<!--myJS-->
<script src="../layui/layui.js"></script>
<script src="../layui/jquery.cookie.js"></script>
<script src="js/index.js"></script>
</body>
</html>